<template>
    <div class="car">
        购物车
        <!-- 获取子模块 usermodule 模块中的数据 使用常规方法 -->
        <p>usermodule中的数据:--{{ $store.state.usermodule.userinfo.name }}--{{ $store.state.usermodule.userinfo.age }}</p>
        <p>usermodule中得我计算属性: {{ $store.getters['usermodule/doubleAge'] }}</p>

        <p>
            <button @click="addAgeFn">同步age+1</button>
            <button @click="addAgeAsyndFn">异步age+1</button>
        </p>
    </div>
</template>

<script>

export default {
    name: 'car',
    data() {
        return {

        };
    },
    mounted() {
        console.log('car', this.$store);
    },
    methods: {
        addAgeFn() {
            this.$store.commit('usermodule/addAge')
        },
        addAgeAsyndFn() {
            this.$store.dispatch('usermodule/addAgeAsync')
        }
    }


}

</script>
<style scoped>
.car {
    width: 100%;
    height: 100%;
    background-color: red;
}
</style>